<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/csh.css"/>
		<link rel="stylesheet" href="./chart.css">
	</head>
	<body>
		<div class="card">
			<h3>STEPS</h3>
			<h4>THIS WEEK</h4>
			<ul class="chart">
				<li><span>20,000</span></li>
				<li><span>10,000</span></li>
				<li><span>15,000</span></li>
				<li><span>24,000</span></li>
				<li><span>7,000</span></li>
				<li><span>7,000</span></li>
				<li><span>10,000</span></li>
			</ul>
			<h5>93,000</h5>
		</div>
		<script>
			document.querySelector('.card').onclick = function(){
				this.classList.add('.active')
			}
		</script>
	</body>
</html>
